@charset "UTF-8";


.CPS_warp{width: 95%;margin: 0 auto;}

.CPS_warp .head {
  width: 100%;
  text-align: center;
  color: #fff;
  background: #e41b45;
  font-size: 0.5rem;
  line-height: 1.5rem;
  border-radius: 0 0 0.125rem 0.125rem; }

/*.CPS_warp .searchposition {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0; }*/

.CPS_warp .search {
  border: 1px solid #ccc;
  width: 60%;
  height: 1.25rem;
  margin: 0.25rem 0;
  box-sizing: border-box;
  border-radius: 0.1rem;
  box-shadow: 1px 1px 2px #ccc; }
  .CPS_warp .search input {
    width: 85%;
    line-height: 1.25rem;
    border-radius: 0.1rem;
    height: 100%;
    vertical-align: top;
    text-indent: 0.25rem;
    font-size: 0.4rem;}
  .CPS_warp .search .iconfont, .CPS_warp .search .icon-sousuo {
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    height: 100%;
    width: 15%;
    line-height: 1.25rem;
    font-size: 0.8rem;
    text-align: center;background:#4c92a6; color: #fff; }

.CPS_warp .scroll {
  /*position: absolute;*/
  width: 100%;
  /*top: 3rem;
  bottom: 2rem;*/
  z-index: 999;
  /*overflow-y: scroll;
  -webkit-overflow-scrolling: touch;*/ }

.CPS_warp .list .title {
  font-size: 0.5rem;
  line-height: 1rem;
  padding-left: 0.45rem;
  width: 100%;
  margin: 0 auto;
  color: #333;
  border-bottom: 1px solid #ccc;
  box-shadow: 1px 1px 2px #ccc;
  box-sizing: border-box; }

.CPS_warp .list .searchList li {
  width: 100%;
  padding-left: 0.45rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0.125rem 0;
  font-size: 0.45rem;
  line-height: 1.5rem;
  box-sizing: border-box; }
  .CPS_warp .list .searchList li span {
    font-size: 0.45rem; }
  .CPS_warp .list .searchList li .see {
    background-color: #f5d789;
    width: 20%;
    text-align: center;
    font-weight: bold; }

/*.CPS_warp .logistics {
  width: 100%;
  position: fixed;
  top: 1.8rem;
  left: 0; }*/
  .CPS_warp .logistics .address{border:0.025rem solid #ccc;border-radius: 0.25rem;margin-top: 0.25rem;margin-bottom: 0.25rem;box-shadow: 1px 1px 3px #999;}
  .CPS_warp .logistics .logInfo {
    width: 50%;
    box-sizing: border-box; }
    .CPS_warp .logistics .logInfo div {
      width: 30%;
      cursor: pointer;
      margin-right: 0.2rem;
      background: #f1f1f1;
      font-size: 0.4rem;
      text-align: center;
      line-height: 1.2rem;
      box-sizing: border-box;border-radius: 0.25rem;box-shadow: 1px 1px 3px #999; }
      .CPS_warp .logistics .logInfo div:first-child {
        border-right: 1px solid #ccc; }
      .CPS_warp .logistics .logInfo div.active {
        background: #e41b45;
        color: #fff; }
  .CPS_warp .logistics .addressInfo {
    width: 50%;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    margin-top: 0.125rem; }
    .CPS_warp .logistics .addressInfo div {
      width: 20%;
      cursor: pointer;
      font-size: 0.35rem;
      text-align: center;
      line-height: 1rem;
      box-sizing: border-box; }
      .CPS_warp .logistics .addressInfo div:first-child {
        border-right: 3px solid #ccc; }
      .CPS_warp .logistics .addressInfo div.active {
        border-bottom: 0.1rem solid #e41b45; }
  .CPS_warp .logistics .mapList {
    width: 90%;
    margin: 0 auto;
    border-left: 1px solid #ccc; }
    .CPS_warp .logistics .mapList li {
      margin-left: -0.45rem;
      width: 100%;
      margin-top: 0.3rem; }
      .CPS_warp .logistics .mapList li span {
        font-size: 0.4rem;
        width: 90%;
        height: 100%;
        margin-left: 0;
        display: block; }
      .CPS_warp .logistics .mapList li .iconfont, .CPS_warp .logistics .mapList li .icon-weizhi {
        height: 100%;
        font-size: 0.6rem;
        width: 10%;
        text-align: center; }
  .CPS_warp .logistics .temperature .temperatureList {
    margin-top: 0.25rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    .CPS_warp .logistics .temperature .temperatureList p {
      font-size: 0.4rem;
      line-height: 1.2rem;
      color: #666; }
      .CPS_warp .logistics .temperature .temperatureList p:first-child {
        text-indent: 0.5rem; }
      .CPS_warp .logistics .temperature .temperatureList p .iconfont, .CPS_warp .logistics .temperature .temperatureList p .icon-caidan {
        height: 100%;
        font-size: 0.6rem;
        margin-right: 0.25rem;
        text-align: center; }
        .CPS_warp .logistics .temperature .temperatureExcel{margin-bottom: 0.2rem;}
  .CPS_warp .logistics .temperature .temperatureExcel ul {
    width: 100%;
    margin-top: 0.2rem;
    border: 1px solid #666;;
    box-sizing: border-box; }
    .CPS_warp .logistics .temperature .temperatureExcel ul li {
      width: 33.33333%;
      font-size: 0.4rem;
      line-height: 1rem;
      color: #666;
      text-align: center;
      border-right: 1px solid #666;
      box-sizing: border-box; }
      .CPS_warp .logistics .temperature .temperatureExcel ul li:last-child {
        border-right: none; }
  .CPS_warp .logistics .temperature .temperatureExcel .temperatureExcel_list {border-left: 1px solid #666;
  border-right: 1px solid #666;
    width: 100%; }
    .CPS_warp .logistics .temperature .temperatureExcel .temperatureExcel_list .li {
      width: 100%; }
      .CPS_warp .logistics .temperature .temperatureExcel .temperatureExcel_list .li div {
        width: 33.333333333333%;
        box-sizing: border-box;
        font-size: 0.3rem;
        text-align: center;
        border-bottom: 1px solid #666;
        border-right: 1px solid #666; }
        .CPS_warp .logistics .temperature .temperatureExcel .temperatureExcel_list .li div:last-child {
          border-right: none; }

.CPS_warp #container {
  width: 95%;
  height: 11rem;
  margin: 0.125rem auto 0.2rem;
  position: relative;
  border: 2px solid #ccc;
  box-shadow: 1px 2px 4px #ccc;
  box-sizing: border-box; }

.CPS_warp .info {
  border: solid 1px silver; }

.CPS_warp div.info-top {
  position: relative;
  background: none repeat scroll 0 0 #F9F9F9;
  border-bottom: 1px solid #CCC;
  border-radius: 0.15rem 0.15rem; }

.CPS_warp div.info-top div {
  display: inline-block;
  color: #333333;
  font-size: 0.35rem;
  font-weight: bold;
  line-height: 0.775rem;
  padding: 0 0.25rem; }

.CPS_warp div.info-top img {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s; }

.CPS_warp div.info-top img:hover {
  box-shadow: 0px 0px 0.125rem #000; }

.CPS_warp div.info-middle {
  font-size: 0.35rem;
  padding: 0.15rem;
  line-height: 0.5rem; }

.CPS_warp div.info-bottom {
  height: 0px;
  width: 100%;
  clear: both;
  text-align: center; }

.CPS_warp div.info-bottom img {
  position: relative;
  z-index: 104; }

.CPS_warp span {
  margin-left: 0.125rem;
  font-size: 0.275rem; }

.CPS_warp .info-middle img {
  float: left;
  margin-right: 0.15rem; }


@media screen and (min-width: 1024px) {
  .CPS_warp .logistics .mapList li .iconfont, .CPS_warp .logistics .mapList li .icon-weizhi{
    position: relative;
    left: -0.52rem;
  }
}

@media screen and (max-width: 768px) {
  .CPS_warp .logistics .addressInfo div{width: 30%;}
  .CPS_warp .search input{width: 75%;}
  .CPS_warp .search .iconfont, .CPS_warp .search .icon-sousuo{width: 25%;}
}
@media screen and (max-width: 414px) {
  .CPS_warp .logistics .logInfo div{width: 40%;}
  .CPS_warp .logistics .addressInfo div{width: 40%;}
   .CPS_warp .search{width: 70%;}
}

@media screen and (max-width: 1024px) {
  .CPS_warp .scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
}